.shadow {
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
}
.side-menu {
  // min-height: 100vh;
  overflow-y: auto;
  z-index: 10;

  .router-link-exact-active {
    font-weight: bold;
    z-index: 2;
  }
  .logo {
    height: @header-h;
    position: relative;
    line-height: @header-h;
    padding-left: 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background-color: @layout-trigger-background;
    &.light {
      background-color: #fff;
      h1 {
        color: @primary-color;
      }
    }
    h1 {
      color: @menu-dark-highlight-color;
      font-size: 20px;
      margin: 0 0 0 12px;
      display: inline-block;
      vertical-align: middle;
    }
  }
}
.menu {
  padding: 16px 0;
}

.left-avatar {
  .avatar {
    border: 3px solid #ffdbd9;
    transition: 0.3s;
  }
}

.s-left-avatar {
  .avatar {
    width: 38px;
    height: 38px;
  }
}

.b-left-avatar {
  .avatar {
    width: 58px;
    height: 58px;
  }
}

.ex-item-box {
  background-color: #fff;
  padding: 2px 0;
  box-shadow: 0 0 8px #e0e0e0;
  border-radius: 0px;
  .ex-item-box-li {
    cursor: pointer;
    padding: 6px 12px;
    &:hover {
      background-color: #ffdbd9;
    }
  }
}
.bottom-icon-col {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-icon-col {
  background: linear-gradient(to right, #014996, #00a2e5);
  color: #fff;
}
.bottom-icon-r {
  justify-content: flex-end;
  padding-right: 15px;
  svg {
    transform: rotate(90deg) !important;
  }
}
.p-vl-slider {
  box-shadow: 0 4px 8px rgba(33, 37, 46, 0.25);
}
